<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<!-- 引入公共css资源 -->
	<%include("/common/head.html",{}){}%>
	<meta content="${artist.ARTISTNAME}演唱会, ${artist.ARTISTNAME}演唱会, ${artist.ARTISTNAME}演唱会信息" name="keywords"/>
	<meta content="${artist.ARTISTNAME}演唱会栏目是集合最新${artist.ARTISTNAME}演唱会安排、最新${artist.ARTISTNAME}演唱会门票信息、过往${artist.ARTISTNAME}演唱会以及近期${artist.ARTISTNAME}新闻资讯的综合页面。更多${artist.ARTISTNAME}演唱会请留意永乐票务官网信息或下载永乐票务APP第一时间掌握。" name="description"/>
	<meta http-equiv="Cache-Control" content="no-siteapp" />
	<meta name="mobile-agent" content="format=html5;url=http://m.228.cn" />
	<title>${artist.ARTISTNAME}最新演唱会信息-永乐票务官方网站</title>
	<link type="text/css" href="http://www.228.com.cn/resources/css/reset.css${version}" rel="stylesheet" />
	<link type="text/css" href="http://www.228.com.cn/resources/css/index.css${version}" rel="stylesheet" />
	<link type="text/css" href="${staticPath}/css/drama/subunion.css${version}" rel="stylesheet" />
	<link rel="canonical" href="http://www.228.com.cn/" />
<script type="text/javascript">
	$(function(){
		$(".drama-con2 div").hover(function(){
			$(this).find("ul").stop().animate({bottom:'0px'}, "slow");
			$(this).find("h3").addClass("f-red");
			return false;
		},function(){
			$(this).find("ul").stop().animate({bottom:'-47px'}, "slow");
			$(this).find("h3").removeClass("f-red");
			return false;
		});
		
		
		
		$(".star-list li .over").hide();
		$(".star-list li").mouseenter(function(){
			$(this).find(".over").css({'opacity':'0.9','display':'block'});
			$(this).find(".over-text").stop().animate({left:'0'}, {duration: 300});
		});
		$(".star-list li").mouseleave(function(){
			$(this).find(".over").stop().fadeOut(300,function(){
				$(this).find(".over").css('opacity','0')
			});
			$(this).find(".over-text").stop().animate({left:'320'}, {duration: 300});
			$(this).find(".over-text").animate({left:'-320'}, {duration: 0});
		});
		
	});
</script>
<script>
window.onload=function(){
	(function(){
		var oPrev=document.getElementById('prev');
		var oNext=document.getElementById('next');
		var oBox=document.getElementById('time-con').children[0];
		var aLi=oBox.children;
		var w=aLi[0].offsetWidth;
		var iNow=0;
		
		oNext.onclick=function(){
			iNow++;
			if(iNow>aLi.length-5)
			{
				iNow=aLi.length-5;
				return;
			}
			startmove(oBox,{left:-w*iNow},{time:300});
		};
		oPrev.onclick=function(){
			iNow--;
			if(iNow<0)
			{
				iNow=0;
				return;
			}
			startmove(oBox,{left:-w*iNow},{time:300});
		};
		
		//点击按钮变红
		for(var i=0; i<aLi.length; i++)
		{
			aLi[i].index=i;
			aLi[i].onmouseover=function(){
				aLi[this.index].children[0].children[1].className="active";
			};
			aLi[i].onmouseout=function(){
				if(aLi[this.index].children[0].className=="f-gray"){
					aLi[this.index].children[0].children[1].className="star-gray";
				}else{
					aLi[this.index].children[0].children[1].className="hollow";
				}
			};
		}
	})();
	(function(){
		var oBtn=document.getElementById('sale-btn');
		var aBtn=oBtn.children;
		var oCon=document.getElementById('sale-con');
		var aCon=oCon.children;
		var iNow=0;
		for(var i=0; i<aBtn.length; i++)
		{
			aBtn[i].index=i;
			aBtn[i].onclick=function(){
				iNow=this.index;
				tab();
			};
		}
		
		function tab()
		{
			for(var i=0; i<aBtn.length; i++)
			{
				aBtn[i].className=""
				aCon[i].style.display="none";
			}
			aBtn[iNow].className="active";
			aCon[iNow].style.display="block";
		}
		function next(){
			iNow++;
			if(iNow==aBtn.length){
				iNow=0;
			}
			tab();
		}
		
		setInterval(function(){
			next();
		},3000);
	})();
	
	
};
</script>
</head>
<body>
<!-- 引入 top导航条 -->
<div id="top_ajax" class="top-w"></div>
<!-- 引入搜索框 -->
<%include("/common/search.html",{}){}%>
<!-- 引入菜单导航 -->
<%include("/common/nav.html",{}){}%>
<div class="drama-wrap">
	<div class="menu-nav">
		<a href="http://www.228.com.cn">永乐票务</a> &gt; 
		<a href="http://www.228.com.cn/yanchanghui/">演唱会</a> &gt; 
		<a href="${localPath}/yanchanghui/${artist.ARTISTID}/">${artist.ARTISTNAME}</a>
	</div>
	<div class="drama-add">
		<div class="star-left">
			<div class="pull-left"><img src="${imgStaticPath}/${artist.ARTIST_IMG}" alt="${artist.ARTISTNAME}头像近照" width="240" height="151"></div>
			<div class="star-info">
				<h1>${artist.ARTISTNAME}</h1>
				<p>${artist.SUMMARY}</p>
				<p><span class="pull-left">更多${artist.ARTISTNAME}艺人信息请进入&nbsp;&gt;&gt;</span><a href="${artistPath}/quanbu/${artist.ARTISTID}/" target="_blank"><h2>${artist.ARTISTNAME}</h2></a></p>
			</div>
		</div>
				<div class="star-right">
			<h2>${artist.ARTISTNAME}最新演唱会行程安排</h2>
			<div class="time-box">
				<p class="prev" id="prev"></p>
				<span class="time-bor"></span>
				<div class="time-con" id="time-con">
					<ul style="left:0;">
					<%for(perform in performList){%>	
						<li>
							<a href="http://www.228.com.cn/ticket-${perform.PRODUCTID}.html"<%if(perform.STATUS != 0 && perform.STATUS != 1 ){%>class="f-gray"<%}%> href="javascript:;" title="${perform.CITYNAME}" target="_blank">
								<span>${perform.CITYNAME}</span>
								<span class="star-gray"></span>
								<span>${perform.BEGINDATE}</span>
							</a>
						</li>
					<%}elsefor{%>
						无信息
					<%}%>					
					</ul>
				</div>
				<p class="next" id="next"></p>
			</div>
		</div>
	</div>
	<div class="drama-info">
		<div class="troupesshow pull-left">
			<div class="info-left info-left2">
				<div class="info-title"><span class="pull-right"><a href="http://www.228.com.cn/s/yanchanghui-%E9%99%88%E5%A5%95%E8%BF%85/" target="_blank">更多&gt;&gt;</a></span><h2 class="pull-left">${artist.ARTISTNAME}演唱会门票信息</h2></div>
				<div class="drama-con drama-con2">
					<%for(product in productPriceList){%>
					<div <%if(productLP.index != 0 && productLP.index%5==0){%> class="mgr0"<%}%>>
						<p><a href="http://www.228.com.cn/ticket-${product.PRODUCTID}.html" target="_blank"><img src="${s228Static}${product.PBIGIMG}" alt="${product.NAME}" width="150" height="200"></a></p>
						<ul>
							<li class="concert"><a href="http://www.228.com.cn/ticket-${product.PRODUCTID}.html" target="_blank"><h3>${product.FCONFIGNAME}</h3></a></li>
							<li class="concert-add"><a href="http://www.228.com.cn/ticket-${product.PRODUCTID}.html" target="_blank">${product.NAME}</a></li>
							<%if(product.STATUS == 0 || product.STATUS == 1 ){%>
								<li><span class="money-img"></span>￥<span class="f-red">&nbsp;280&nbsp;</span>起</li>
							<%}%>
							<%if(product.STATUS != 0 && product.STATUS != 1 ){%>
							<li><h1>已结束</h1></li>
							<%}%>
							<li class="text-left">时间：${product.BEGINDATE}</li>
							<li class="text-left ellipsis">场馆：${product.VNAME}</li>
						</ul>
					</div>
					<%}elsefor{%>
						无信息	
					<%}%>
				</div>
			</div>
			<div class="info-left info-left2 hot">
				<div class="info-title"><span class="pull-right"><a href="javascript:;">更多&gt;&gt;</a></span><h2 class="pull-left">最新明星新闻资讯</h2></div>
				<div class="drama-con starcon">
					<%for(allNews1 in AllNewsList1){%>
					<div class="pull-left starl">
						<p><img src="${imgStaticPath}/${allNews1.IMG_PATH}" alt="${allNews1.TITLE}" width="284" height="162"></p>
						<h3><a href="${allNews1.NEWS_SOURCE_URL}" target="_blank">${allNews1.TITLE}</a></h3>
					</div>
					<%}elsefor{%>
						无信息	
					<%}%>	
					<div class="pull-left starc">
						<ul>
							<%for(allNews2 in AllNewsList2){%>
							<li <%if(allNews2LP.index %2==0){%> class="mgr0" <%}%> ><a href="${allNews2.NEWS_SOURCE_URL}"><img src="${imgStaticPath}/${allNews2.IMG_PATH}" alt="${allNews2.TITLE}" width="153" height="87"><span>${allNews2.TITLE}</span></a></li>
							<%}elsefor{%>
								无信息	
							<%}%>
						</ul>
					</div>
					<div class="pull-left starr">
						<%for(allNews3 in AllNewsList3){%>
						<h3><a href="${allNews3.NEWS_SOURCE_URL}">${allNews3.TITLE}</a></h3>
						<p><a href="${allNews3.NEWS_SOURCE_URL}">${allNews3.SUMMARY}</a></p>
						<%}elsefor{%>
							无信息	
						<%}%>
						<ul>
							<%for(allNews4 in AllNewsList4){%>
							<li><a href="${allNews4.NEWS_SOURCE_URL}">${allNews4.TITLE}</a></li>
							<%}elsefor{%>
								无信息	
							<%}%>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="pull-left">
			<div class="info-right info-right2 troupe">
				<div class="add-title"><span class="pull-right"><a href="http://www.228.com.cn/subject/">更多&gt;&gt;</a></span><h4 class="pull-left">精彩专题</h4></div>
				<div class="add-info add-info2">
				<%for(subject in subjectList){%>
					<%if(subjectLP.index == 1 ){%>
					<p><a href="${subject.URL}" target="_blank"><img src="${s228Static}${subject.IMG}" alt="${subject.REMARK}" width="210" height="120" ></a></p>
					<p class="add-name add-name2">${subject.REMARK}</p>
					<%}%>
					<%if(subjectLP.index != 1 ){%>
					<ul>
						<li><a href="${subject.URL}" target="_blank">${subject.REMARK}</a></li>
					</ul>
					<%}%>
				<%}elsefor{%>
					无信息	
				<%}%>
				</div>
				
			</div>
			<div class="info-right info-right2 troupe">
				<div class="add-title">
					<ul id="sale-btn">
						<li class="active"></li>
						<li></li>
						<li></li>
					</ul>
					<h4 class="pull-left">即将开票/预售</h4>
				</div>
				<div class="sale-con" id="sale-con">
				<%for(soon in soonList){%>
					<div class="add-info add-info2" <%if(soonLP.index == 1 ){%> style="display:block;" <%}%> >
						<p><a href="${soon.URL}" title="${soon.REMARK}" target="_blank"><img src="${s228Static}${soon.IMG}" alt="${soon.REMARK}" width="210" height="120" ></a></p>
						<p class="add-name  add-name2"><a href="${soon.URL}" title="${soon.REMARK}" target="_blank">${soon.REMARK}</a></p>
					</div>
				<%}elsefor{%>
					无信息	
				<%}%>
				</div>
				<div  class="add-info2">
					<ul>
					<%for(soonShow in soonShowList){%>
						<li><a href="http://www.228.com.cn/ticket-${soonShow.PRODUCTID}.html" title="[${soonShow.CITYNAME}] ${soonShow.NAME}" target="_blank">[${soonShow.CITYNAME}] ${soonShow.NAME}</a></li>
					<%}elsefor{%>
						无信息	
					<%}%>					
					</ul>
				</div>
			</div>
			<div class="info-right info-right2">
				<h2>最新${artist.ARTISTNAME}资讯</h2>
				<div class="add-info add-info2">
				<%for(news in artistNewsList){%>
					<%if(newsLP.index == 1 ){%>
					<p><a href="${news.NEWS_SOURCE_URL}" target="_blank"><img src="${imgStaticPath}/${news.IMG_PATH}"  width="210" height="120" alt="${news.TITLE}" ></a></p>
					<p class="add-name"><a href="${news.NEWS_SOURCE_URL}" target="_blank">${news.TITLE}</a></p>
					<%}%>
					<%if(newsLP.index != 1 ){%>
					<ul>
						<li><a href="${news.NEWS_SOURCE_URL}" target="_blank">${news.TITLE}</a></li>
					</ul>
					<%}%>
				<%}elsefor{%>
					无信息	
				<%}%>
				</div>
			</div>
		</div>
	</div>
	<!-- 
	<div class="all-concert">
		<div class="concert-title"><span class="pull-right"><a href="javascript:;">更多&gt;&gt;</a></span><h2 class="pull-left">陈奕迅全部演唱会</h2></div>
		<div class="all-con">
			<ul>
			<%for(cus in cusConcert){%>
				<%if(cusLP.index<5){%>
				<li <%if(cusLP.index==4){%> class="mgr0"<%}%>>
					<a href="http://www.228.com.cn/ticket-${cus.PRODUCTID}.html"><p><img src="${s228Static}${cus.PBIGIMG}" alt="${cus.NAME}" width="250" height="143"></p><span>${cus.NAME}</span></a>
				</li>
				<%}%>
			<%}elsefor{%>
				无信息					
			<%}%>
			</ul>
		</div>
	</div>
	 -->
	<div class="hot-tour">
		<div class="tour-title"><h2 class="pull-left">全国热门巡演</h2></div>
		<ul class="star-list">
		<%for(tour in tourList){%>
		  	<li class="x${tourLP.index}">
		  		<a href="${tour.URL}" title="${tour.REMARK}" target="_blank">
		  			<img class="lazy" src="${s228Static}${tour.IMG}" data-original="${s228Static}${tour.IMG}" alt="">
		      		<h3 class="over-text" name="beyond">${tour.REMARK}</h3>
		      		<div class="over" style="display: none;"></div>
		      	</a>
		  	</li>
		<%}elsefor{%>
			无信息					
		<%}%>	
	  	</ul>
	</div>

</div>

<!-- 引入footer -->
<%include("/common/footer.html",{}){}%>
<!-- 引入公共js资源 -->
<%include("/common/bottom.html",{}){}%>	
<script type="text/javascript" charset="utf-8" src="${staticPath}/js/subunion/subunion.js${version}"></script>
<script type="text/javascript" charset="utf-8" src="${staticPath}/js/subunion/startmove.js${version}"></script>
<script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/buttonLite.js#style=-1&amp;uuid=&amp;pophcol=2&amp;lang=zh"></script>
<script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/bshareC0.js"></script>
</body>
</html>